<%@ page language="java" contentType="text/html; charset=ISO-8859-1"  pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>recherche</title>


<link href="scripts/mystyle.css" rel="stylesheet" type="text/css"/>
<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="js/jquery.bxslider.min.js"></script>
<script src="js/jquery.bxslider.js"></script>
<!-- bxSlider CSS file -->
<link href="js/jquery.bxslider.css" rel="stylesheet" />

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
jQuery(function($){
    $.datepicker.regional['fr'] = {
            closeText: 'Fermer',
            prevText: 'Precedent',
            nextText: 'Suivant',
            currentText: 'Courant',
            monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin',
            'Juillet','Août','Septembre','Octobre','Novembre','Décembre'],
            monthNamesShort: ['Jan','Fév','Mar','Avr','Mai','Jun',
            'Jul','Aoû','Sep','Oct','Nov','Déc'],
            dayNames:['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
            dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
            dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
            weekHeader: 'Sm',
            dateFormat: 'dd/mm/yy',
            firstDay: 1,
            isRTL: false,
            showMonthAfterYear: false,
            yearSuffix: ''};
    $.datepicker.setDefaults($.datepicker.regional['fr']);
}); 
	$(function() {
		$( "#datepicker" ).datepicker({
			changeMonth: true,
			changeYear: true,
			showOn: "button",
			buttonImage: "Images/calendar.png",
			buttonImageOnly: true,
			yearRange: "1920:2014"
		});
	});
</script>

<style> 
body
{
  margin:0;
  padding:0;
  background:url("Images/BlueFlowerbackground.jpg") no-repeat center center fixed; 
  background-size: cover;
}
</style>


</head>
<body>
<img src="Images/logo.jpg" width= 100%/> 

<ul> 
	<li><a href="index.html">Accueil</a></li> 
	<li><a href="recherche.html">Recherche</a></li> 
	<li><a href="aide.html">Aide</a></li> 
</ul>


 <br/> <br/> <br/> <br/> <br/> <br/> <br/>
 <div align="center">
<form method="post" action="recherche.html">
<fieldset>
 
	<legend>Rechercher un film </legend>

	<label for="nom">Nom de Film:</label>
	<input name="nom" size="20" maxlength="40" value="" type="text" class="decole-curseur" />
	
	<label for="genre">Genre:</label>
	<input name="genre" size="20" maxlength="40" value="" type="text" class="decole-curseur" />
	
	<label for="date">Date de sortie:</label>
	<input name="date" size="20" maxlength="40" value="" type="text" class="decole-curseur" id="datepicker"  />
	
	<label for="acteur">Acteur:</label>
	<input name="acteur" size="20" maxlength="40" value="" type="text" class="decole-curseur" />
	
 
</fieldset>

<input value="Annuler" type="reset" />
<input value="Envoyer" type="submit" />

</form>
</div>

<br/> <br/> <br/> <br/> <br/> <br/> <br/>
<center>
<div style="width:700px; height:220px;"> 
<fieldset>
	<legend>Résultat de la recherche </legend>
</fieldset>
</div>
</center>
 <br/> <br/> <br/> <br/> <br/> <br/> <br/>
 <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/>
 <br/> <br/> <br/> <br/> <br/> <br/> <br/>
 <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/>
<table width=60% align="center">
	<tr>
		<td align="center">
			<p>
				<font size=1>
					Copyright © 2013 Tous droits réservés.
				</font>	
			</p>
			<a href="http://www.univ-montp2.fr"><img src="Images/logoUM2.png" border="0" width=10% align="middle"></a>
		</td>
	</tr>	
</table>
</body>
</html>